.header{
  width: 100%;
  height: 50px;
  background-color: #5AC9BB;
  display: flex;
  justify-content: center;

}
.header img{
  width: 100px;
  height: 50px;
}
 /* 导航栏 */
 body {
      font-family: 'Arial', sans-serif;
      margin: 0;
      padding: 0;
    }

    nav {
      background-color: #E6FEFE;
     
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 102px;
      position: fixed;
      top: 50px; /* 考虑顶部盒子的高度 */
      width: 100%;
      transition: top 0.3s;
      z-index: 1000;
      
    }
    /* .sticky {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
    } */

    /* .active{
      background-color: #1cc6c6;
    }
     */
    .nav-item:hover,
    .nav-item.active {
      background-color: #1cc6c6;
      color: #37763e;
    }
    nav a {
      float: left;
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none !important;
      color: #37763e;
      transition: background-color 0.3s ease; /* 添加过渡效果 */
    }
    
    /* nav a:hover {
      background-color: #a4cfcf;
      color: #37763e;
    } */

    nav .icons {
      float: right;
    }

    nav .icons img {
      width: 24px;
      height: 24px;
      margin: 10px;
    }
    .carousel-item img{
      width: 100%;
      height: 500px;
    }


    /* 热门推荐商品列表 */
.product-list {
  width: 1250px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 20px;
  margin: 0 auto;
}

.product-item {
  position: relative;
  /* overflow: hidden; */
    /* 保证超出部分被隐藏 */
  flex: 1;
  width: 20%;
  margin: 10px;
  padding: 15px;
  border: 1px solid #ddd;
  text-align: center;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: space-center;
}

.product-item img {
  transition: transform 0.3s ease;
    /* 添加平滑过渡效果 */
  width: 250px;
  height: 250px;
  border-radius: 10%;
}
.product-item img:hover {
  transform: scale(1.05);
  /* 图片放大1.1倍 */
}
.product-item h3 {
  font-size: 1.2rem;
  margin: 10px 0;
}

.product-item p {
  color: #555;
}

.price {
  font-weight: bold;
  color: #27ae60;
}

button {
  background-color: #3498db;
  color: #fff;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button:hover {
  background-color: #2980b9;
}